<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	<title>My City</title>
    <meta name='generator' content='http://www.fg-a.com' />
    <meta name='title' content='My City' />
    <meta http-equiv="cache-control" content="no-cache" />
<!-- Main style -->
<link rel="stylesheet" href="./css/style.css" type="text/css" />

<script src="includes/ga.js"type="text/javascript"></script><script src="includes/jquery.js"></script>
<script src="includes/jquery_002.js" type="text/javascript"></script>

</head>

    <body class="direction-right">
		
	<!------ HEADER (BEGIN) ---------------------------->
	<div class='header'>
		<!-- HEADER MENU ICONS (BEGIN) -->
        <div class='menu' style='float: right; margin-right:10px; margin-left:1px;'>
			<a href="./index.jsp"><img src="./img/newPost.png" title='NEW POST' alt='NEW POST' /></a>
			<a href="./index.jsp"><img src="./img/search.png" title='SEARCH FOR A LOCATION' alt='SEARCH FOR A LOCATION' /></a>
			<a href="./index.jsp"><img src="./img/profile.png" title='PROFILE PAGE' alt='PROFILE PAGE' /></a>
            <a href="./index.jsp"><img src="./img/home.png" title='HOME PAGE' alt='HOME PAGE' /></a>
        </div>
		<!-- HEADER MENU ICONS (END) -->
		
        <!-- HEADER SOCIAL ICONS (BEGIN) -->
        <div class='menu'>
            <a href=""><img src="./img/social-facebook1.png" title='FACEBOOK' /></a>
            <a href=""><img src="./img/social-twitter1.png" title='TWITTER' /></a>
            <a href=""><img src="./img/social-google1.png" title='GOOGLE+' /></a>
        </div>
		<!-- HEADER SOCIAL ICONS (END) -->
	</div>	
	<!------- HEADER (END) -------------------------------->

        <div class='result-panel'>
            <div class='result-right'>

                    <!-- QUESTION -->
                    <div class='question'>
                        <div class='userInfoQuestion' style='left:0px; width:100%'>                         
                            <span class='nameQuestion'>Love to visit Bogazici University South Campust !</span>
							<span class='numStar'>4</span>
                            <a href="" id='like'><img onmouseover="src='./img/icons/star.png'" onmouseout="src='./img/icons/star1.png'" class='diamond' src="./img/icons/star1.png" /></a>	
                        </div>
                        <div class='answer' style='left:5px; width:99%;'>
                            <p class='answer'>
								this place is just amazing. I strongly advice you to visit this place once. you will find it interesting. 
								restaurants and coffes are excellent.
								this place is just amazing. I strongly advice you to visit this place once. you will find it interesting. 
								restaurants and coffes are excellent.
                            </p>
							<div class='postImg'>
								<img style='width:100%;' src='./img/photos/2.jpg'></img>
							</div>
                        </div>
                    </div>
                    <!-- QUESTION -->

                    <div class='divider'></div>

                    <!-- ANSWERS -->
                    <div class='question' onclick="toggle_visibility('1');">
                        <div class='userInfoQuestion'>       
               
                            <span class='nameQuestion' style='border: 1px solid gray;'>Hikmet Karaman</span>
                            <span class='nameQuestion' style='height:35px;'>                  
							   <!-- according to user rand, number of badges could change -->
                                   <img class='like' style='margin-bottom:5px;' src='./img/icons/medal_gold.png' />
								   <img class='like' style='margin-bottom:5px;' src='./img/icons/medal_gold.png' />
                            </span>					
                            <span class='dateQuestion'>18.11.2013</span>
                        </div>
						
                        <div class='question-icons'> 
                            <img id='expand1' style='margin-top:8px; visibility:hidden;' src="./img/icons/expand.png" />
                            
                            <div id='1'>
								<a href="" id='like'><img onmouseover="src='./img/icons/heart.png'" onmouseout="src='./img/icons/heart1.png'" class='like' src="./img/icons/heart1.png" /></a>
                            </div>    
                        </div>    
                        <div class='answer' id ='11'>
                            <p class='answer'>
                                I love to visit this place. how can I reach there ?
                            </p>
                        </div>
                    </div>
                    <!-- ANSWER-->

                    <!-- ANSWERS -->
                    <div class='question' onclick="toggle_visibility('2');">
                        <div class='userInfoQuestion'>       
               
                            <span class='nameQuestion' style='border: 1px solid gray;'>Adanali Ceto</span>
                            <span class='nameQuestion' style='height:35px;'>                  
							   <!-- according to user rand, number of badges could change -->
                                   <img class='like' style='margin-bottom:5px;' src='./img/icons/medal_silver.png' />
								   <img class='like' style='margin-bottom:5px;' src='./img/icons/medal_silver.png' />
								   <img class='like' style='margin-bottom:5px;' src='./img/icons/medal_silver.png' />
                            </span>					
                            <span class='dateQuestion'>12.10.2013</span>
                        </div>
						
                        <div class='question-icons'> 
                            <img id='expand2' style='margin-top:8px; visibility:hidden;' src="./img/icons/expand.png" />
                            
                            <div id='2'>
								<a href="" id='like'><img onmouseover="src='./img/icons/heart.png'" onmouseout="src='./img/icons/heart1.png'" class='like' src="./img/icons/heart1.png" /></a>
                            </div>    
                        </div>    
                        <div class='answer' id ='21'>
                            <p class='answer'>
                                I love to visit this place. how can I reach there ?
                            </p>
                        </div>
                    </div>
                    <!-- ANSWER-->
					
					<!-- ANSWERS -->
                    <div class='question' onclick="toggle_visibility('3');">
                        <div class='userInfoQuestion'>       
               
                            <span class='nameQuestion' style='border: 1px solid gray;'>Ayse Karaman</span>
                            <span class='nameQuestion' style='height:35px;'>                  
							   <!-- according to user rand, number of badges could change -->
                                   <img class='like' style='margin-bottom:5px;' src='./img/icons/medal_bronze.png' />
                            </span>					
                            <span class='dateQuestion'>12.10.2013</span>
                        </div>
						
                        <div class='question-icons'> 
                            <img id='expand3' style='margin-top:8px; visibility:hidden;' src="./img/icons/expand.png" />
                            
                            <div id='3'>
								<a href="" id='like'><img onmouseover="src='./img/icons/heart.png'" onmouseout="src='./img/icons/heart1.png'" class='like' src="./img/icons/heart1.png" /></a>
                            </div>    
                        </div>    
                        <div class='answer' id ='31'>
                            <p class='answer'>
                                I love to visit this place. how can I reach there ?
                            </p>
                        </div>
                    </div>
                    <!-- ANSWER-->
					
					

<!------------------------ ANSWER FORM ---------------------- -->
                    <div class='question'>
                        <div class='userInfoQuestion'>
								Please add your comment to this post... 
                        </div>
                        <div class='question-icons'>
                        </div>
                        <div class='answer'>

                            <form method='get' action='post.html'>
                                <input type='hidden' name='pid' value='1' />
                                <textarea class='answer' autofocus='true' name="answer" placeholder="your comment here..."></textarea>
                                <input type="submit" id="subscribe-button" style='width:100%' value="Reply" />
                            </form>

                        </div>
                    </div>
                    <!-- ANSWER FORM -->    

            </div>

		<!-------- SIDEBAR (BEGIN) --------------------->
			<div class='result-left'>
				<div class='title'><span class='title'>RECENT COMMENTS</span></div>
				<ul class='dic-result'>
					<li><a href='./?comment=4'>COMMENT #1</a></li>		
					<li><a href='./?comment=4'>COMMENT #2</a></li>
					<li><a href='./?comment=4'>COMMENT #3</a></li>
				</ul>
			</div>
			<div class='result-left'>
				<div class='title'><span class='title'>RECENT POSTS</span></div>
				<ul class='dic-result'>	
					<li><a href='./posts.php?post=3'>POST #1</a></li>
					<li><a href='./posts.php?post=3'>POST #2</a></li>
					<li><a href='./posts.php?post=3'>POST #3</a></li>
					<li><a href='./posts.php?post=3'>POST #4</a></li>
				</ul>
			</div>

			<div class='result-left'>
				<div class='title'><span class='title'>SEARCH FOR A PLACE</span></div>
				<div>
					<form action='./locations.jsp' method='get'>
						<input type='text' name='location' class='city-search' placeholder='Enter a location...' />
						<input type='submit' class='city-search' value='SEARCH' />
					</form>
				</div>
			</div>
		<!-------- SIDEBAR (END) --------------------->

        </div>

		<!-- SEARCH RESULT (END) -->		

 <?php include_once"includes/keyboard.php"; ?>
    </body>
</html>
<?php 
mysql_close($con);
?>